<DOCTYPE html>
    <html lang="zh-CN">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="..\bootstrap3\css\bootstrap.min.css" rel="stylesheet">
        <script src="..\bootstrap3\js\jquery-1.12.4.min.js">

        </script>
        <script src="..\bootstrap3\js\bootstrap.min.js">

        </script>

    </head>

        <nav class="navbar navbar-default affix" id="menu_top" >
            <div class="container-fuild">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav_content">
                    <a class="navbar-brand">菜单</a>
                </button>
                </div>
                <div class="collapse navbar-collapse" id="nav_content">
                    <ul class="nav navbar-nav">
                        <li><a href="#home">home</a></li>
                        <li><a href="#search">search</a></li>
                        <li><a href="#manage">manage</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="scrollspy-example" style="padding:70px;" data-spy="scroll" data-offset="0" data-target="#menu_top">
            <p id="home"><kbd>主页</kbd></p>
            <p>主页内容： When scrollspying on elements other than the , be sure to have a height set and overflow-y: scroll; applied.
                当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。 When scrollspying on elements other than the , be sure to have a height
                set and overflow-y: scroll; applied. 当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。 When scrollspying on elements other
                than the , be sure to have a height set and overflow-y: scroll; applied. 当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。
                When scrollspying on elements other than the , be sure to have a height set and overflow-y: scroll; applied.
                当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。
            </p>
            <p id="search"><kbd>查询</kbd></p>
            <p>主页内容： When scrollspying on elements other than the , be sure to have a height set and overflow-y: scroll; applied.
                当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。 When scrollspying on elements other than the , be sure to have a height
                set and overflow-y: scroll; applied. 当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。 When scrollspying on elements other
                than the , be sure to have a height set and overflow-y: scroll; applied. 当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。
                When scrollspying on elements other than the , be sure to have a height set and overflow-y: scroll; applied.
                当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。
            </p>
            <p id="manage"><kbd>管理</kbd></p>
            <p>主页内容： When scrollspying on elements other than the , be sure to have a height set and overflow-y: scroll; applied.
                当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。 When scrollspying on elements other than the , be sure to have a height
                set and overflow-y: scroll; applied. 当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。 When scrollspying on elements other
                than the , be sure to have a height set and overflow-y: scroll; applied. 当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。
                When scrollspying on elements other than the , be sure to have a height set and overflow-y: scroll; applied.
                当滚动监视其他元素的时候，一定要有一个高度集和超流y:滚动;应用。
            </p>
        </div>


    </html>